<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>你的家庭理财辅导师</title>
    <style>
        html {
            outline: 0;
            -webkit-touch-callout: none;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background: #cccccc;
        }

        body {
            height: auto;
            max-width: 640px;
            background: #ffffff;
            margin: auto;
        }

        * {
            box-sizing: border-box;
            font-style: normal;
            margin: 0;
            padding: 0;
        }

        img {
            display: block;
            width: 100%;
        }

        h3 {
            font-size: 18px;
        }

        .container {
            background: #ffffff;
            font-size: 16px;
            color: #000000;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
        }

        * {
            -webkit-user-select: auto;
            box-sizing: border-box;
        }

        .text_content {
            overflow: hidden;
            width: 100%;
        }

        .text_content h3 {
            background: #9a7c4a;
            color: #ffffff;
            padding: 10px 0;
            text-align: center;
            overflow: hidden;
            margin: 0;
        }

        .text_content p {
            background: #ffffff;
            color: #000000;
            padding: 20px 25px;
            line-height: 28px;
            font-size: 14px;
            text-align: justify;
        }

        .gold_theme {
            color: #9a7c4a !important;
        }

        .text_banner {
            background: #bfa67d;
            padding: 5px;
        }

        .text_banner > div {
            border: 1px solid #ffffff;
            min-height: 100px;
            padding: 10px;
        }

        .slogan1 {
            font-size: 26px;
            text-align: right;
            padding: 10px;
            transform: rotate(5deg);
            -ms-transform: rotate(5deg); /* IE 9 */
            -moz-transform: rotate(5deg); /* Firefox */
            -webkit-transform: rotate(5deg); /* Safari 和 Chrome */
            -o-transform: rotate(5deg); /* Opera */
        }

        .slogan2 {
            font-size: 18px;
            text-align: left;
            padding: 5px 20px;
            transform: rotate(-3deg);
            -ms-transform: rotate(-3deg); /* IE 9 */
            -moz-transform: rotate(-3deg); /* Firefox */
            -webkit-transform: rotate(-3deg); /* Safari 和 Chrome */
            -o-transform: rotate(-3deg); /* Opera */
        }

        .slogan3 {
            font-size: 18px;
            text-align: right;
            padding: 5px 20px;
            transform: rotate(-1deg);
            -ms-transform: rotate(-1deg); /* IE 9 */
            -moz-transform: rotate(-1deg); /* Firefox */
            -webkit-transform: rotate(-1deg); /* Safari 和 Chrome */
            -o-transform: rotate(-1deg); /* Opera */
        }

        table {
            border: 1px solid #cccccc;
            max-width: 100%;
            overflow: hidden;
            background-color: transparent;
            border-collapse: collapse;
            border-spacing: 0;
            font-family: Arial, Helvetica, sans-serif;
            page-break-inside: auto;
            font-size: 16px;
            width: 100%;
            color: #333;
            font-size: 16px;
            margin-bottom: 30px;
        }

        th, td {
            text-align: left;
            font-size: 12px;
            padding: 10px 15px;
            border: 1px solid #e5bf8d;
        }

        table tr th {
            background: #bfa67d;
            text-align: justify;
        }

        table thead > tr > th:first-child {
            background: #ffffff;
        }

        table tbody > tr > td:first-child {
            background: #bfa67d;
            font-weight: bold;
            text-align: center;
        }

        .margin_TB10 {
            margin: 10px 0;
        }

        .pic_banner_mmtx {
            width: 75%;
            margin: 50px auto 20px;
        }

        .padding_t5 {
            padding-top: 5px !important;
        }

        .padding_t0 {
            padding-top: 0px !important;
        }

        .footer {
            width: 100%;
            display: -webkit-flex; /* Safari */
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            bottom: 0;
            max-width: 640px;
            background: #9a7c4a;
            padding: 15px 20px;
        }

        .footer .item1 {
            flex-grow: 1;
            padding: 0 10px 5px;
            font-size: 15px;
            text-align: justify;
            color: #ffffff;
        }

        .footer img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .footer button {
            background: #f85959;
            color: #ffffff;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: 0;
            border-radius: 10px;
            display: inline-block;
            padding: 7px 12px;
        }

        .dialog {
            margin-top: 20px;
        }

        .seven_dialog_box {
            display: none;
        }

        .seven_mask, .seven_mask_transition, .seven_mask_transparent {
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            left: 0;
            position: fixed;
            top: 0;
            z-index: 1000;
        }

        .seven_dialog {
            background-color: #fafafc;
            border-radius: 5px;
            left: 50%;
            overflow: hidden;
            position: fixed;
            text-align: center;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 65%;
            z-index: 5000;
            max-width: 320px;
        }

        .seven_dialog_bd {
            color: #888;
            font-size: 14px;
            padding: 0 10px;
            word-break: break-all;
            word-wrap: break-word;
        }

        .seven_dialog_bd p {
            margin: 10px 0;
            font-size: 16px;
        }

        .seven_dialog_bd h3 {
            margin: 10px 0;
        }

        .seven_dialog_ft {
            font-size: 14px;
            margin-top: 1rem;
            text-align: center;
            overflow: hidden;
        }

        .seven_dialog_ft a {
            padding: 10px 0;
            color: #353535;
        }

        .seven_dialog_ft a.btn_dialog_primary {
            display: inline-block;
            border-radius: 20px;
            margin: 0 auto;
            font-size: 16px;
            border: 1px solid #00D48C;
            color: #00D48C;
            margin: 10px auto 20px;
            padding: 5px 20px;
            font-style: normal;
            text-decoration: none;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="text_content">
        <img class="pic_banner" src="__ROOT__/images/toutiao_banner20180507_01.jpg" alt="">
        <h3>1.要不要理财？</h3>
        <p>
            如果谁还觉得理财不重要，就太太太遗憾了！<br>
            理财已经是每个人的必备技能，俗话说：<span class="gold_theme">“卖力赚钱就像走楼梯，理财有道就像做电梯”</span><br>
            理财不是高风险，而是让资金有效运转起来，让钱为你打工。千万千万不要因为自己的懒惰，让钱贬值。
        </p>
        <h3>2.什么时候理财？</h3>
        <p>
            目前的市场点位，是非常好的理财时机，根据过去几年的数据，在大盘3000点左右开始定投，未来效果会非常好。<br>
            目前比较低的点位，不是每年都有的。那么问题来了：
        </p>
        <div class="text_banner">
            <div>
                <div class="slogan1">想理财，不知从何理起？</div>
                <div class="slogan2">自以为会理财，结果越理越赔？</div>
                <div class="slogan3">金钱永不眠，如何让钱为你打工？</div>
            </div>
        </div>
        <h3>3.怎么理财？</h3>
        <p>
            无非有3种选择，要么自己研究市场，自己做，要么去问理财产品销售机构，比如银行的客户经理等，也可以找不卖产品的独立团队，来辅导你怎么理财。3种选择有何不同呢？
        </p>
        <table>
            <thead>
            <tr>
                <th style="min-width: 60px;">&nbsp;&nbsp;&nbsp;&nbsp;</th>
                <th style="min-width: 100px;">自己做</th>
                <th style="min-width: 100px;">找理财产品销售机构</th>
                <th>找独立团队辅导</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>代表的利益方</td>
                <td>自己</td>
                <td>不明</td>
                <td>用户付费，用户利益最大。</td>
            </tr>
            <tr>
                <td>专业程度</td>
                <td>精力不足，没时间，不专业。</td>
                <td>看每个客户经理的具体情况了</td>
                <td>公司智能系统，大数据概率统计学，以及平均10年以上投资经验的专家团队，统一把握大的策略，并结合1V1个性化辅导。</td>
            </tr>
            <tr>
                <td>费用</td>
                <td>不花钱</td>
                <td>产品销售佣金（提成）</td>
                <td>个性化知识付费</td>
            </tr>
            <tr>
                <td>理财效果如何</td>
                <td>理财效果如何</td>
                <td>不好说</td>
                <td>显然要比一个人做要好，大概率可以跑赢市场平均水平，其实，90%理财者都达不到市场平均水平。</td>
            </tr>
            </tbody>
        </table>
        <img class="pic_banner" src="__ROOT__/images/toutiao_banner20180510_01.jpg" alt="">
        <div style="background: #bfa67d; padding-bottom: 30px;">
            <p style="text-align: right;background: #bfa67d; padding-top: 5px; color: #ffffff;">
                我们运用国际最成熟的诺贝尔学奖马科维茨理论<br>
                风险收益有效集的最优边界理论<br>
                宏观微观经济数据，多维度建模<br>
                KDL、MACD技术分析得到市场验证的科学方法<br>
                在理财过程中辅导你
            </p>
            <img class="pic_banner margin_TB10" src="__ROOT__/images/toutiao_banner20180510_02.jpg" alt="">
        </div>
        <img class="pic_banner margin_TB10 pic_banner_mmtx" src="__ROOT__/images/toutiao_banner20180507_04.jpg" alt="">
        <p class="padding_t5">
            你可以在“7分钟理财”微信公众号（id:www7mincomcn）上收到理财过程辅导信息，
            关注公众号，回复关键字<span class="gold_theme">“辅导”</span>，了解如何获得个性化理财辅导，新用户还能领<span class="gold_theme">70元</span>礼包。
        </p>
        <p class="padding_t0">
            关注“7分钟理财”微信公众号（id:www7mincomcn），回复关键字<span class="gold_theme">“辅导”</span>，让你的钱有效的起来吧。
        </p>
    </div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div class="footer">
        <div>
            <img src="__ROOT__/images/toutiao_banner20180507_06.jpg">
        </div>
        <div class="item1">
            关注公众号，认识罗元裳和她的服务，回复<span>“机会”</span>领取2018年投资策略分析
        </div>
        <div style="min-width: 80px; text-align: right;">
            <button class="btn" data-clipboard-text="www7mincomcn">+ 关注</button>
        </div>
    </div>

    <div id="technicalTermDialog" class="seven_dialog_box" style="display: none;">
        <div class="seven_mask"></div>
        <div class="seven_dialog" style="padding: 15px 0 0">
            <img style="display: inline-block; width: 40px;" src="__ROOT__/images/success_icon.png">
            <div class="seven_dialog_bd align_center" style=" color: #666666;">
                <h3>复制成功</h3>
                <p>您已成功复制微信号，是否立即跳转到微信搜索该微信号？</p>
            </div>
            <div class="seven_dialog_ft">
                <a href="javascript:void(0)" class="btn_dialog_primary" onclick="openWeixin()">确定</a>
            </div>
        </div>
    </div>
</div>
<p id="copyText" style="display:none ;">www7mincomcn</p>


</body>
<script type="text/javascript" src="__ROOT__/js/jquery.js"></script>
<script type="text/javascript" src="__ROOT__/js/clipboard.min.js"></script>

<script>
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function (e) {
        $("#technicalTermDialog").show();
        console.log(e);
    });

    clipboard.on('error', function (e) {
        alert("需要手动拷贝微信号");
        console.log(e);
    });

    function openWeixin () {
        $("#technicalTermDialog").hide();
        window.location.href="weixin://";
    }

</script>
</html>
